<?php 
	session_start();
	require_once('java/Java.inc');
	//require_once 'xhtmlHeader.php';
	require_once 'HTML5Header.php';
	require_once 'config_bbdd.php';
 	require_once 'BarraNavegacion.php';
 	require_once 'muestraPeli.php';
 	require_once 'loginbbdd.php';
?>
<script>
	function interruptor(objetivo) { 
		if (document.getElementById("anim").checked==true){
			  parrafo = document.getElementById(objetivo); 
			  parrafo.style.display = "visible";
			  parrafo.style.display = "inline";  
		}
		else{
			parrafo = document.getElementById(objetivo); 
			parrafo.style.display = "none";  
			parrafo.style.display = "hidden"; 
		}
	}
   
   	function oculta(){ 
	  	document.getElementById("actual").checked=true;
      	document.getElementById("animosdivision").style.display = "none";	 
   	} 
</script>
<?php 
	if (!isset($_SESSION["nombre"])){
          header("Location: index.php");          
    }
    else {    
?>
<body onload="oculta()">
	<div class="container">
	 	<div id="contenido">
			<h1>Recomendador</h1>
			<p>A continuación podrás elegir entre los tres tipos de recomendación que ofrecemos: actual, histórica y basada en ánimo.</p>
			<div class="row">
				<form class="well form-vertical" id="formRecom" action="recomienda.php" method="post">
					<legend>Tipo de Recomendación</legend>
					<div class="control-group">
						<div class="controls">
							<input type="radio" name="tipo" value="normal" id="actual" onclick="interruptor('animosdivision')" > Recomendación actual</input>
							<br/>
							<input type="radio" name="tipo" value="histo" id="histo" onclick="interruptor('animosdivision')" > Recomendación histórica</input>
							<br/>
							<input type="radio" name="tipo" value="animo" id="anim" onclick="interruptor('animosdivision')" > Recomendación basada en ánimo</input>
						</div>
						<div id="animosdivision">¿Qué estado de ánimo buscas?
							<select name="animos">
								<option value="Sorprendido">Sorprendido</option>
								<option value="Alegre">Alegre</option>
								<option value="Relajado" selected="selected">Relajado</option>
								<option value="Triste">Triste</option>
								<option value="Asustado">Asustado</option>
							</select>
						</div>
						<br/>
						<div class="selrecomienda" id="sel-recomienda">
							<input class="btn btn-info" type="submit" value="¡Recomiéndame!">
							<select name="numpelis">
								<option value="1">1</option>
								<option value="5" selected="selected">5</option>
								<option value="10">10</option>
								<option value="15">15</option>
							</select>
							Elija el número de películas recomendadas
						</div> 
					</div>
				</form> 
			</div>
		</div>
	</div>
	<div class="modal-footer">
		<!-- <p>&copy; MoodvieWeb</p>-->
    	<p>&copy; MoodvieWeb - David Carboneras, Fernando Álvarez y Moisés Martínez</p>
	</div>	
 </body>
 <?php }?>
</html>